<template>
  <div class="preview-box jy-preview-style" id="free-preview-box">
    <router-view v-slot="{ Component }" v-if="store.resizeShow">
      <keep-alive>
        <component :is="Component" />
      </keep-alive> 
    </router-view> 
  </div>
  <ExhibitsDialog :attachDom="scrollRef" v-if="store.resizeShow" />
</template>  

<script setup lang="ts">
import { onMounted, watch, nextTick } from 'vue';
import ExhibitsDialog from '@/freeComponents/exhibitsDialog/index.vue';
import { orientationScroll } from '@/utils/scrollHtml';
import { useProjectStore, commonDataStore } from '@/store';
const commonStore = commonDataStore();
const store = useProjectStore();
const init = () => {
  let templateId: number = commonStore.getDigitalShowroom();
}; 

onMounted(() => {
  init();
}); 
// watch(
//   () => store.resizeShow,
//   () => {
//     resizeShows.value = false;
//     nextTick(() => {
//       resizeShows.value = true;
//     });
//   },
//   { deep: true },
// );
</script>  
 
<style scoped lang="less">
.preview-box {
  min-width: 100%;
  width: 100%;
  height: 100%;
  :deep(.border-hover-style) {
    border: none !important;
  }
}
.jy-preview-style {
  :deep(.jy-style-height) {
    height: 100%; //100%
  }
  :deep(.exhibits-box) {
    border: none;
  }
  :deep(.vdr-container) {
    border: none;
  }
  :deep(.border-hover-style) {
    border: none !important;
  }
  :deep(.hovered) {
    border: none !important;
  }
}
</style>